<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/jsp/common/taglibs.jsp"%>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>CCHVC</title>
    <link href="${path}/static/business/css/bootstrap.min.css" rel="stylesheet">
    <link href="${path}/static/business/css/base.css" rel="stylesheet">
    <link href="${path}/static/business/css/style.css" rel="stylesheet">
    <!--[if lt IE 9]>
    <script src="${path}/static/business/js/html5shiv.min.js"></script>
    <script src="${path}/static/business/js/respond.min.js"></script>
    <![endif]-->
    <%@ include file="/jsp/common/commonJs.jsp"%>
    <link href="${path}/static/business/css/jquery-ui.css" rel="stylesheet">
</head>
<body>
<!--导航开始-->
<div class="header-out removeFix">
    <div class="container">
        <div class="row header header-in">
            <nav class="navbar nav-own">
                <div class="container-fluid">
                    <div class="navbar-header">
                        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".navbar-responsive-collapse">
                            <span class="sr-only">按钮</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                        <a href="${path}/web/toShowIndex.do" class="navbar-brand"><img src="${path}/static/business/images/logo.png" alt=""></a>
                        
                        
                        <div class="cityBox">
                        	<form method="post" id="city">
                        		<input type="hidden" name="cityName" value="" />
	                            <span class="address">${cityName}</span>
	                            <div class="city">
	                                <h3>城市赛选</h3>
	                                <c:forEach items="${cityList}" var="city">
	                                	<span <c:if test="${city.cityName==cityName}">class="active"</c:if>  value="${city.cityName}">${city.cityName}</span>
	                                </c:forEach>
	                            </div>
                            </form>
                        </div>
                        
                    </div>
                    <c:if test="${userObj != null}">
                    	<div class="collapse navbar-collapse navbar-responsive-collapse pr"><!--小于768时折叠-->
	                        <ul class="nav navbar-nav">
	                            <li class="dropdown">
	                                <a href="${path}/web/productinfo/productShow.do"  class="dropdown-toggle">产品中心</a>
	                            </li>
	                            <li class="dropdown">
	                                <a href="${path}/fund/fund.htm"  class="dropdown-toggle">资金管理</a>
	                            </li>  
	                             <li class="dropdown">
	                                <a href="${path}/compact/compactList.do"  class="dropdown-toggle">合同管理</a>
	                            </li>
	                             <li class="dropdown">
	                                <a href="${path}/web/order/orderList.do"  class="dropdown-toggle">我的业务</a>
	                            </li>
	                             <li class="">
	                                <a href="#" data-toggle="dropdown" class="dropdown-toggle">个人中心</a>
	                                <ul class="dropdown-menu">
	                                    <li><a href="${path}/user/userInfoPage.htm">个人信息完善</a></li>
	                                    <c:choose>
	                                    	<c:when test="${null!=userObj.zhifumima && userObj.zhifumima != ''}">
	                                    		<li><a href="${path}/user/payPwdAdmin.htm">支付密码管理</a></li>
	                                    	</c:when>
	                                    	<c:otherwise>
	                                    		<li><a href="${path}/user/setPayPwd.htm"  >支付密码设置</a></li>
	                                    	</c:otherwise>
	                                    </c:choose>
	                                    <!--<li><a href="${BASE_PATH}/user/payPwdAdmin.htm">支付密码管理</a></li>-->
	                                    <li><a href="${path}/user/password.htm">登录密码修改</a></li>
	                                    <!--<li><a href="#">子账号管理</a></li>-->
	                                </ul>
	                            </li>
	                        </ul>
	                        <c:if test="${userObj != null}">
	                    		<span class="user f14 fr pos-a">欢迎：${userObj.reg_tel}｜<a href="${path}/user/exit.htm">退出</a>
	                    	</c:if>
                    	</div>
                   	</c:if>
                    <div class="navbar-headerR">
                    	<c:if test="${userObj == null}">
                    		<a href="${path}/user/login.htm" class="detailBtn">登录</a>
                    	</c:if>
                    </div>
                </div>
            </nav>
        </div>
    </div>
</div>
<!--内容开始-->
<!--新加内容-->
<div class="chanpinNavWrap">
    <div class="chanpinNavWrap-background"></div>
    <div class="chanpinNavWrap-box">
        <div class="chanpinNavBox">
            <span class="chanpinNavPre"></span>
            <span class="chanpinNavNext"></span>
            <div class="chanpinNavBox-w">
                <ul class="chanpinNav">
                    <c:forEach items="${list}" var="list" varStatus="status">
			        	<li class="chanpinNavLi">
			                <a>
			                    <img src="http://${ip}/${list.productImageUrl}">
			                    <p>${list.productName}</p>
			                </a>
			            </li>
		        	</c:forEach>
                </ul>
            </div>
        </div>
    </div>
</div>

<!-- 内容 -->
<c:forEach items="${list}" var="list" varStatus="status">
	<c:if test="${(status.index + 1) % 2 != 0}">
		<div class="chanpin-wrap" id="${list.id}">
		    <div class="chanpin1">
		        <div class="chanpin1L fl">
		            <h3>${list.productName}</h3>
		            <p class="chanpin1Lcont">
			            <c:choose> 
						     <c:when test="${fn:length(list.productDes) > 100}"> 
						     	 ${fn:substring(list.productDes,0, 100)}......
						     </c:when> 
						     <c:otherwise> 
						     	${list.productDes}
						     </c:otherwise>
						</c:choose>
		            </p>
		            <div>
		                <a href="${path}/web/productinfo/productDetail.do?id=${list.id}" class="chanpinLbtn"><span class="chanpinLbtn1">了解详情</span><span>>></span></a>
		            </div>
		        </div>
		        <div class="chanpin1R fl">
		            <span class="chanpin1Rimg">
		                <img src="http://${ip}/${list.productTuopuImage}" alt="${list.productName}">
		            </span>
		        </div>
		    </div>
		</div>
    </c:if>
		
	<c:if test="${(status.index + 1) % 2 == 0}">
	    <div class="chanpin-wrap2" id="${list.id}">
		    <div class="chanpin-wrap">
		        <div class="chanpin2">
		            <div class="chanpin2L fr">
		                <h3>${list.productName}</h3>
		                <p class="chanpin1Lcont">
			                <c:choose> 
							     <c:when test="${fn:length(list.productDes) > 100}"> 
							     	 ${fn:substring(list.productDes,0, 100)}......
							     </c:when> 
							     <c:otherwise> 
							     	${list.productDes}
							     </c:otherwise>
							</c:choose>
		                </p>
		                <div >
		                    <a href="${path}/web/productinfo/productDetail.do?id=${list.id}" class="chanpinLbtn"><span class="chanpinLbtn1">了解详情</span><span>>></span></a>
		                </div>
		            </div>
		            <div class="chanpin2R fl">
		                <span class="chanpin1Rimg">
		                     <img src="http://${ip}/${list.productTuopuImage}" alt="${list.productName}">
		                </span>
		            </div>
		        </div>
		    </div>
		</div>
    </c:if>
</c:forEach>
<div class="chanpinReturn">
    <div class="chanpinFly">
        <P>Top</P>
    </div>
    <p class="returnText">返回顶部</p>
</div>
<!-- footer开始 -->
<div class="footer" style="margin-top:0px">
    <p>北京网视通联科技股份有限公司</p>
    <p>地址：北京市海淀区知春路京仪孵化器D座3层</p>
    <p>Copyright © 2004-2014 CCHVC云通-CDN全业务平台版权所有</p>
    <p>京ICP备14002150号-1 京公网安备1101080213237号</p>
</div>
<script src="${path}/static/js/product.js"></script>
</body>
</html>